<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:replace="common/header::head"></div>
    <style>
        .detail-body {
            margin: 20px 0 0;
            min-height: 306px;
            line-height: 26px;
            font-size: 16px;
            color: #333;
            word-wrap: break-word;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout-admin">
    <div th:replace="common/header::headerhtml"></div>
    <div class="layui-body">
        <div class="site-text">
            <div class="layui-btn-container">
                <button type="button" class="layui-btn" data-method="add">增加</button>
                <button type="button" class="layui-btn" data-method="deit">编辑</button>
                <button type="button" class="layui-btn" data-method="del">删除</button>
                <div class="layui-btn-group">
                    <button type="button" data-method="start" class="layui-btn layui-btn-sm">
                        <i class="layui-icon" title="开始">&#xe652;</i>
                    </button>
                    <button type="button" data-method="stop" class="layui-btn layui-btn-sm">
                        <i class="layui-icon" data-method="" title="暂停">&#xe651;</i>
                    </button>
                    <button type="button" data-method="test" class="layui-btn layui-btn-sm">
                        <i class="layui-icon" title="进入测试">&#xe635;</i>
                    </button>
                    <button type="button" data-method="over" class="layui-btn layui-btn-sm">
                        <i class="layui-icon" title="完成">&#xe643;</i>
                    </button>
                </div>
            </div>

            <div class="layui-layout-right">
                <div class="layui-inline">
                    <input class="layui-input" name="taskName" id="demoReload" placeholder="搜索任务名称" autocomplete="off">
                </div>
                <button class="layui-btn" data-method="reload">搜索</button>
            </div>
            <table class="layui-hide" id="table" lay-filter="table"></table>
        </div>
        <div class="layui-fixbar">
            <button type="button" class="layui-btn" id="Lay_open_register" data-method='chatRegister'>注册聊天</button>
            <!--<button type="button" class="layui-btn" id="Lay_open_chat" data-method='chatWindow'>打开聊天</button>-->
            <button type="button" class="layui-btn" id="Lay_open_demo_im" data-method='chatIMDemo'>打开聊天</button>
        </div>
    </div>
    <div th:replace="common/footer::footer"></div>
</div>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script th:replace="common/footer::script"></script>
<script th:inline="javascript">
    var userinfo={
        id:[[${session.user.id}]],
        name:[[${session.user.nickName}]]
    }
</script>
<script th:src="@{/js/task.js}"></script>

</body>

<div id="layui-layim-chat" style="display: none">
    <ul class="layui-unselect layim-chat-list">
        <li class="layim-friend100001 layim-chatlist-friend100001 layim-this" layim-event="tabChat">
            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg">
            <span>贤心</span>
            <i class="layui-icon" layim-event="closeChat">ဇ</i>
        </li>
    </ul>
    <div class="layim-chat-box">
        <div class="layim-chat layim-chat-friend layui-show">
            <div class="layui-unselect layim-chat-title">
                <div class="layim-chat-other">
                    <img class="layim-friend100001" th:src="@{/img/touxiang.jpg}"/>
                    <span class="layim-chat-username" layim-event="">贤心</span>
                    <p class="layim-chat-status"></p>
                </div>
            </div>
            <div class="layim-chat-main" id="IM-content">
                <ul>
                    <!-- <li class="layim-chat-content-log">
                         <div class="layim-chat-user"><img src="//tp1.sinaimg.cn/1571889140/180/40030060651/1">
                             <cite>贤心<i>2020-01-09 15:33:40</i></cite>
                         </div>
                         <div class="layim-chat-text chat-content-message">嗨，你好！欢迎体验LayIM。演示标记：1578555220920</div>
                     </li>-->
                </ul>
            </div>
            <div class="layim-chat-footer">
                <div class="layui-unselect layim-chat-tool"
                     data-json="%7B%22username%22%3A%22%E8%B4%A4%E5%BF%83%22%2C%22id%22%3A%22100001%22%2C%22avatar%22%3A%22%2F%2Ftva1.sinaimg.cn%2Fcrop.0.0.118.118.180%2F5db11ff4gw1e77d3nqrv8j203b03cweg.jpg%22%2C%22sign%22%3A%22%E8%BF%99%E4%BA%9B%E9%83%BD%E6%98%AF%E6%B5%8B%E8%AF%95%E6%95%B0%E6%8D%AE%EF%BC%8C%E5%AE%9E%E9%99%85%E4%BD%BF%E7%94%A8%E8%AF%B7%E4%B8%A5%E6%A0%BC%E6%8C%89%E7%85%A7%E8%AF%A5%E6%A0%BC%E5%BC%8F%E8%BF%94%E5%9B%9E%22%2C%22status%22%3A%22online%22%2C%22type%22%3A%22friend%22%2C%22name%22%3A%22%E8%B4%A4%E5%BF%83%22%7D">
                    <span class="layui-icon layim-tool-face" title="选择表情" layim-event="face"></span>
                    <!--<span class="layui-icon layim-tool-image" title="上传图片" layim-event="image">
                        <input type="file" name="file">
                    </span>
                    <span class="layui-icon layim-tool-image" title="发送文件" layim-event="image" data-type="file">
                        <input type="file" name="file">
                    </span>
                    <span class="layui-icon layim-tool-audio" title="发送网络音频" layim-event="media" data-type="audio"></span>
                    <span class="layui-icon layim-tool-video" title="发送网络视频" layim-event="media" data-type="video"></span>
                    <span class="layui-icon layim-tool-code" title="代码" layim-event="extend" lay-filter="code"></span>-->
                    <span class="layim-tool-log layim-send-btn" layim-event="chatLog" data-method="loadRecord"><i class="layui-icon"></i>聊天记录</span>
                </div>
                <div class="layim-chat-textarea"><textarea class="layim-chat-textarea-input"></textarea></div>
                <div class="layim-chat-bottom">
                    <div class="layim-chat-send">
                        <span class="layim-send-close" layim-event="closeThisChat">关闭</span>
                        <span class="layim-send-btn" layim-event="send" data-method="sendContent">发送</span>
                        <span class="layim-send-set" layim-event="setSend" lay-type="show">
                            <em class="layui-edge"></em>
                        </span>
                        <ul class="layui-anim layim-menu-box">
                            <li class="layim-this" layim-event="setSend" lay-type="Enter">
                                <i class="layui-icon"></i>按Enter键发送消息
                            </li>
                            <li layim-event="setSend" lay-type="Ctrl+Enter">
                                <i class="layui-icon"></i>按Ctrl+Enter键发送消息
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="chatDom" lay-filter="dom" class="layui-form-pane" style="display: none;width: 100%;">
    <div class="layui-row ">
        <div class="layui-col-md12">
            <fieldset class="layui-elem-field">
                <legend>聊天记录</legend>
                <div class="layui-field-box">
                    <form id="chatContent" class="layui-form">
                    </form>
                </div>
            </fieldset>

        </div>
        <div class="layui-col-md9">
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">文本域</label>
                <div class="layui-input-block">
                    <textarea id="content_msg" placeholder="请输入内容" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <input type="button" class="layui-btn layui-btn-primary" data-method="sendContent" value="发送消息">
        </div>
    </div>
</div>

<form class="layui-form" action="" lay-filter="example" id="formDom" style="display: none;margin-top: 15px;">
    <input type="text" name="id" style="display: none" value="">
    <div class="layui-form-item">
        <label class="layui-form-label">任务名称</label>
        <div class="layui-input-block">
            <input type="text" name="taskName" lay-verify="required" lay-reqtext="不能为空！" placeholder="请输入"
                   autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">任务详情</label>
        <div class="layui-input-block">
            <textarea name="taskDescribe" placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">任务进度</label>
        <div class="layui-input-block">
            <input type="text" name="progress" lay-verify="required" lay-reqtext="不能为空！" placeholder="请输入"
                   autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">任务状态</label>
        <div class="layui-input-block">
            <!-- <input type="text" name="state" lay-verify="required" lay-reqtext="不能为空！" placeholder="请输入"
                    autocomplete="off" class="layui-input">-->
            <select name="state" lay-filter="aihao">
                <option value="0">待开始</option>
                <option value="1">开发中</option>
                <option value="2">测试中</option>
                <option value="3">暂停中</option>
                <option value="4">结束</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">预计开始时间</label>
        <div class="layui-input-block">
            <input type="text" name="startTime" lay-verify="required" lay-reqtext="不能为空！" placeholder="请输入"
                   autocomplete="off" class="layui-input">
        </div>
    </div>
    <!--<div class="layui-form-item">
        <label class="layui-form-label">实际开始时间</label>
        <div class="layui-input-block">
            <input type="text" name="actualTime" lay-verify="required" lay-reqtext="不能为空！" placeholder="请输入"
                   autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">结束时间</label>
        <div class="layui-input-block">
            <input type="text" name="endTime" lay-verify="required" lay-reqtext="不能为空！" placeholder="请输入"
                   autocomplete="off" class="layui-input">
        </div>
    </div>-->
</form>

<div class="layui-form" lay-filter="exampleInfo" id="formInfo" style="display: none;margin-top: 15px;">
    <div class="layui-form-item">
        <label class="layui-form-label">任务名称</label>
        <div class="layui-input-block">
            <p class="layui-text layui-field-box" name="taskName"></p>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">任务详情</label>
        <div class="layui-input-block">
            <p class="layui-text layui-field-box" name="taskDescribe"></p>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">任务进度</label>
        <div class="layui-input-block">
            <p class="layui-text layui-field-box" name="progress"></p>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">任务状态</label>
        <div class="layui-input-block">
            <p class="layui-text layui-field-box" name="state"></p>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">预计开始时间</label>
        <div class="layui-input-block">
            <p class="layui-text layui-field-box" name="startTime"></p>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">实际开始时间</label>
        <div class="layui-input-block">
            <p class="layui-text layui-field-box" name="actualTime"></p>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">结束时间</label>
        <div class="layui-input-block">
            <p class="layui-text layui-field-box" name="endTime"></p>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">完成情况</label>
        <div class="layui-input-block">
            <p class="layui-text layui-field-box" name="complete"></p>
        </div>
    </div>
</div>
</html>